// 通配符
*{
    margin: 0;
    padding: 0;
}
//版心宽度和居中 开始*/
.center(@w){
    width: @w;
    margin: auto;
}
//版心宽度和居中 结束*/

//盒子 width 和 height 的设置 开始------------------------------------------------------------------------------------------*/
.box(@w:auto, @h:auto) {
    width: @w;
    height: @h;
}
//盒子 width 和 height 的设置 结束-----------------------------------------------------------------------------------------*/

//圆角border-radius的设置 开始------------------------------------------------------------------------------------------*/
.radius(@a:10px, @b:@a, @c: @a, @d: @b) {
    border-radius: @arguments;          //可传入 1，2，3，4个值
}
//圆角border-radius的设置 结束------------------------------------------------------------------------------------------*/

//盒子 或者 文字 阴影的设置 开始------------------------------------------------------------------------------------------*/
.shadow(@h:0px, @v:0px, @b: 5px, @s:0px, @c:black, @i:outset,@t:box) {
    @{t}-shadow: @arguments;             //可传入 1，2，3，4个值
}
// 盒子 或者 文字 阴影的设置 结束------------------------------------------------------------------------------------------*/


//清除浮动功能 开始------------------------------------------------------------------------------------------*/
//清左浮动*/
.fl{
    float: left;
}
//清右浮动*/
.fr{
    float: right;
}
//清双浮动*/
.clearfix(){
    &::after{
        content: "";
        display: block;
        clear: both;
    }
}
//清除浮动功能 开始------------------------------------------------------------------------------------------*/


//水平方向弹性盒子功能 开始------------------------------------------------------------------------------------------*/
.justify(@j:flex-start,@a:stretch,@w:wrap){
    display: flex;
    justify-content: @j;
    align-items: @a;
    flex-wrap: @w;
}
//垂直方向弹性盒子功能 结束------------------------------------------------------------------------------------------*/
.column(@d:row,@j:flex-start,@a:stretch){
    display: flex;
    flex-direction: @d;
    justify-content: @j;
    align-items: @a;
}
//垂直方向弹性盒子功能 结束------------------------------------------------------------------------------------------*/
// 清除默认有序无需列表的序号
ul,li,ol,li{
    list-style: none;
}
// 清除下划线
a{
    text-decoration: none;
    color: black;
}
// 转行内块元素
.inblk{
    display: inline-block;
}
img{
    vertical-align: bottom;
}
//多行溢出文字显示省略号 参数：@line：行数
.ellipsisText(@line:1){
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: @line;
    -webkit-box-orient: vertical;
}
//单行溢出显示省略号
.ellipsisText(){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}